Unsur badan (body) dokumen Unsur HTML

Dalam penyemak imbas visual, elemen boleh dipaparkan boleh dipaparkan sebagai sama ada secara blok atau sebaris. Walaupun semua elemen adalah sebahagian daripada jujukan dokumen, elemen blok muncul dalam elemen induknya:

  • sebagai objek segi empat tepat yang tidak melanggar garis;
  • dengan ciri jidar blok, lebar dan ketinggian yang boleh ditetapkan secara bebas daripada elemen sekeliling.

Sebaliknya, elemen sebaris dianggap sebagai sebahagian daripada aliran teks dokumen; mereka tidak boleh menetapkan jidar, lebar atau ketinggian, dan mampu memecahkan garisan.

Unsur blok

Unsur blok, mempunyai struktur segi empat tepat. Secara asas, elemen ini akan merentangi keseluruhan lebar unsur induknya, dan oleh itu tidak akan membenarkan mana-mana elemen lain untuk menduduki ruang mendatar yang sama seperti tempat diletakkan.

Struktur segi empat tepat bagi elemen blok sering dirujuk sebagai model kotak, dan terdiri daripada beberapa bahagian. Setiap elemen mengandungi perkara berikut:

  • Kandungan unsur ialah teks sebenar (atau media lain) yang diletakkan di antara tag pembuka dan penutup unsur.
  • Pelapik (padding) unsur ialah ruang di sekeliling kandungan tetapi masih menjadi sebahagian daripada elemen. Pelapik tidak boleh digunakan untuk mencipta ruang putih antara dua elemen. Sebarang gaya latar belakang yang diberikan kepada unsur, seperti imej latar belakang atau warna, akan kelihatan dalam pelapik. Menambahkan saiz pelapik elemen meningkatkan jumlah ruang yang akan diambil oleh elemen ini.
  • Sempadan (border) unsur ialah penghujung mutlak unsur dan merentangi perimeter unsur tersebut. Ketebalan sempadan meningkatkan saiz elemen.
  • Jidar (margin) unsur ialah ruang putih yang mengelilingi unsur. Kandungan, pelapik dan sempadan mana-mana elemen lain tidak akan dibenarkan memasuki kawasan ini melainkan dipaksa untuk berbuat demikian oleh beberapa peletakan CSS lanjutan. Menggunakan kebanyakan DTD standard, jidar di sebelah kiri dan kanan yang elemen berbeza akan menolak satu sama lain. Jidar di bahagian atas atau bawah elemen, sebaliknya, tidak akan bertindan atau akan bercampur. Ini bermakna ruang putih antara unsur-unsur ini akan sama besar dengan jidar yang lebih besar di antara unsur-unsur ini.

Bahagian di atas hanya merujuk kepada pelaksanaan terperinci pemaparan CSS dan tidak mempunyai kaitan dengan elemen HTML itu sendiri.